<template>
	<view>
		<u-popup v-model="posterData.show" mode="center" border-radius="20" width="600rpx" :closeable="true" :close-icon-color="'#fff'" @close="closePosterImage">
			<u-image :src="posterData.image" width="100%" height="100%" mode="widthFix"></u-image>
		</u-popup>
	</view>
</template>

<script>
	export default{
		props:["data"],
		watch:{
			data(newValue,oldValue){
				this.posterData = newValue
			}
		},
		data(){
			return{
				posterData:{}
			}
		},
		methods:{
			closePosterImage(){
				this.$emit("closePosterImage")
			}
		}
	}
</script>

<style>
</style>